在HTML中，表格的製作是通過使用<table>、<tr>、<th>和<td>這些標籤來完成的。
表格的基本結構始於<table>標籤，這個標籤用來定義表格的開始和結束。表格的每一行則由<tr>標籤來定義，<tr>代表一行（row）。
在每一行內，表格的單元格可以是標頭單元格或數據單元格，分別由<th>和<td>標籤表示。<th>標籤用來定義表頭，通常出現在表格的第一行，用於描述該列的內容。標頭的文字預設是加粗並且居中的。而<td>標籤則用來定義表格中的一般單元格，它包含每個具體的數據，這些單元格中的文字內容會按照正常的左對齊方式顯示。這兩個標籤都應該放置在<tr>標籤內，以形成表格的行與列。
以下是一個簡單的HTML表格範例：
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML表格範例</title>
</head>
<body>
<h2>簡單的HTML表格</h2>
<table border="1">
<tr>
<th>品項</th>
<th>單價</th>
<th>數量（箱）</th>
</tr>
<tr>
<td>蘋果</td>
<td>25</td>
<td>10</td>
</tr>
<tr>
<td>芒果</td>
<td>30</td>
<td>5</td>
</tr>
<tr>
<td>香蕉</td>
<td>28</td>
<td>9</td>
</tr>
</table>
</body>
</html>
<table>：定義表格的起始與結束。<tr>：定義一個表格列（row）。<th>：定義表格的標題欄位，通常用來放在表頭的部分，文字預設為加粗和居中。<td>：定義表格中的單元格（普通欄位）。border="1"：表格邊框，1代表有邊框。這個範例會生成一個簡單的三列三欄的表格，邊框為1的粗細。
通過靈活使用這些標籤和屬性，HTML可以製作出從簡單到複雜的各種類型的表格。這些表格在網頁中用於展示結構化的數據，如統計資料、產品列表等，非常實用。
iThome鐵人賽
看影片追技術